/<template>
    <ul>
        <li v-for="(item,index) in list" :key="index">
            <h1>{{item.title}}</h1>
            <List :list="item.children"></List>
        </li>
    </ul>
</template>

<script>
export default {
    name:"List",
    props:{
        list:Array
    }
}
</script>

<style>
    ul{
        padding: 0 20px;
        font-size: 12px;
    }

</style>